<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
           %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ page contentType="text/html;charset=ISO-8859-1"
         %><html:html>
    <head>
        <title><bean:message key="VCliente.title"/></title>
        <html:base/>

        <%@include file="../header/include.jsp" %>

    </head>
    <body>
        <div id="header"  class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
                <ul id="nav">
                    <%--<li><html:link action="/APreClientes.do">Lista Clientes</html:link></li>--%>
                    <%--<li><cohesion:actor actors="5"><html:link action="/APreEditarCliente.do" paramId="idCliente" paramName="Cliente" paramProperty="idContacto">Editar</html:link></cohesion:actor></li>--%>

                </ul>
            </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1> Cliente, ${Cliente.nombre} </h1></div>

                            <script>

                                function eliminarCliente(id) {
                                    $( "#dialog-confirm" ).dialog({
                                        resizable: false,
                                        height:140,
                                        modal: true,
                                        buttons: {
                                            "Borrar": function() {
                                                var url = "<html:rewrite action="AEliminarCliente.do" />?idCliente="+id;
                                                $(location).attr('href',url);
                                            },
                                            Cancelar: function() {
                                                $( this ).dialog( "close" );
                                            }
                                        }
                                    });
                                }
                            </script>


                            <div id="dialog-confirm" title="Eliminar" style="display: none;">
                                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Se eliminar&aacute; este elemento. Est&aacute; seguro?</p>
                            </div>

                            <script type="text/javascript">
                                $(function() {
                                    $("#tabs").tabs();
                                });
                            </script>
                            <div  class="ui-widget-content ui-widget">
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Datos Generales</a></li>
                                        <li><a href="#tabs-2">Tarea</a></li>
                                        <li><a href="#tabs-3">Soporte T&eacute;cnico</a></li>

                                    </ul>
                                    <div id="tabs-1">
                                        <div style="float: right;margin: 1% 1% 1% 1%; clear: left;">
                                            <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">

                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreEditarCliente.do" paramId="idCliente" paramName="Cliente" paramProperty="idContacto" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Editar</html:link></li></cohesion:actor>
                                                <cohesion:actor actors="1"><li class="sf_admin_action_usuario"><a  href="" onclick="eliminarCliente(<bean:write name="Cliente" property="idContacto"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-trash"></span><bean:message key="VContacto.label1"/></a></li></cohesion:actor>
                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreClientes.do" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Regresar a la Lista</html:link></li></cohesion:actor>
                                            </ul>
                                        </div>

                                        <div class="show ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                            <%--<h2>Datos Generales</h2>--%>

                                            <table>
                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Propietario del Contacto </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> <html:link action="/APreUsuario.do" paramId="idUsuario" paramName="Usuario" paramProperty="idPersonal"> ${Usuario.nombre} </html:link> </th>
                                                </tr>
                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Nombre </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${empty Cliente.titulo.nombre ? "" : Cliente.titulo.nombre} ${Cliente.nombre}, ${Cliente.apellido} </th>
                                                </tr>
                                                 <tr>
                                                    <th class="atributos ui-state-default ui-th-column">  Apellido </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${Cliente.apellido} </th>
                                                </tr>
                                                 <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Fecha de Nacimiento </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${Cliente.fechaNacimiento} </th>
                                                </tr>
                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Nombre de la Cuenta </th>
                                                    <th class="valor sf_admin_row ui-widget-content"><logic:notEmpty name="Cuenta"><html:link action="/APreCuenta.do" paramId="idCuenta" paramName="Cuenta" paramProperty="idCuenta"> ${Cuenta.nombre} </html:link></logic:notEmpty></th>
                                                </tr>

                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Correo Electr&oacute;nico </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${Cliente.correoE} </th>
                                                </tr>

                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Tel&eacute;fono Habitaci&oacute;on </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${Cliente.telefonoHabitacion} </th>
                                                </tr>
                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Tel&eacute;fono Celular </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${Cliente.telefonoMovil} </th>
                                                </tr>

                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Tel&eacute;fono Fax </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${Cliente.telefonoFax} </th>
                                                </tr>


                                            </table>
                                        </div>
                                    </div>
                                    <div id="tabs-2">
                                        <div style="float: right;margin: 1% 1% 1% 1%; clear: left;">
                                            <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreCrearTarea" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-plus"></span>Nueva Tarea</html:link></li></cohesion:actor>

                                            </ul>
                                        </div>
                                        <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                            <%--<h2>Actividades </h2> <html:link action="/APreCrearTarea.do" paramId="idContacto" paramName="Cliente" paramProperty="idContacto">Nueva Tarea</html:link>--%>
                                            <%--<table border="1" style="width:400px;">
                                                <thead>
                                                    <tr>
                                                        <th> Asunto </th>
                                                        <th> Relacionado Con </th>
                                                        <th> Estado </th>
                                                        <th> Asignado a </th>
                                                    </tr>
                                                </thead>
                                                <tbody><% request.setAttribute("_vacio", new Object[0]);%>
                                                    <logic:iterate id="tarea" collection="${empty L_Tarea ? _vacio : L_Tarea}">
                                                        <tr>
                                                            <td><html:link action="/APreTarea.do" paramId="idTarea" paramName="tarea" paramProperty="idTarea">${empty tarea.asunto ? "Editar" : tarea.asunto}</html:link></td>
                                                            <td> ${tarea.personal.nombre}</td>
                                                            <td> ${tarea.estado.nombre }</td>
                                                            <td> ${empty tarea.contactoRelacionado.nombre ? "" : tarea.contactoRelacionado.nombre }</td>
                                                        </tr>
                                                    </logic:iterate>
                                                </tbody>
                                            </table>


                                            --%>
                                            <display:table name="L_Tarea" requestURI="/APreCliente.do" pagesize="3"  class="display-tag" htmlId="display-tag" id="tarea">

                                                <display:column property="asunto" title="Asunto" sortable="true"/>
                                                <display:column property="personal.nombre" title="Relacionado Con" sortable="true" />
                                                <display:column property="estado.nombre" title="Estado" sortable="true" />
                                                <display:column property="contactoRelacionado.nombre" title="Asignado a" sortable="true" />
                                                <display:column title="Acciones">

                                                    <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                        <li class="sf_admin_action_show"><html:link action="/APreTarea.do" paramId="idTarea" paramName="tarea" paramProperty="idTarea" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-document"></span>Mostrar</html:link></li>
                                                        <li class="sf_admin_action_edit"><html:link action="/APreEditarTarea.do" paramId="idTarea" paramName="tarea" paramProperty="idTarea" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Editar></html:link></li>
                                                        <li class="sf_admin_action_delete"><html:link action="/AEliminarTarea.do" paramId="idTarea" paramName="tarea" paramProperty="idTarea" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-trash"></span>Eliminar</html:link></li>
                                                    </ul>

                                                </display:column>

                                            </display:table>

                                            <script>
                                                $(document).ready(function() {

                                                    $('table.display-tag thead').addClass('ui-widget-header');
                                                    $('table.display-tag thead tr th').addClass('ui-state-default ui-th-column');
                                                    $('table.display-tag tbody tr').addClass('sf_admin_row ui-widget-content odd');



                                                });
                                            </script>
                                        </div>
                                    </div>
                                    <div id="tabs-3">

                                        <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                            <display:table name="SoporteTecnico" requestURI="/APreContacto.do" pagesize="3"  class="display-tag" htmlId="display-tag" id="soporteTecnico">

                                                <display:column property="pregunta.preguntaRespuesta" title="Pregunta" sortable="true"/>
                                                <display:column property="pregunta.idSoporteTecnico.nombre" title="SoporteTecnico" sortable="true" />
                                                <display:column title="Acciones">

                                                    <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                        <li class="sf_admin_action_show"><html:link action="/APrePregunta.do" paramId="idPregunta" paramName="soporteTecnico" paramProperty="pregunta.idPreguntasRespuestas" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-document"></span>Mostrar</html:link></li>
                                                        <li class="sf_admin_action_edit"><a href="" onclick="editar(<bean:write name="soporteTecnico" property="pregunta.idPreguntasRespuestas"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Editar</a></li>
                                                        <li class="sf_admin_action_edit"><html:link action="/AEliminarPregunta.do" paramId="idPregunta" paramName="soporteTecnico" paramProperty="pregunta.idPreguntasRespuestas" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-trash"></span>Eliminar</html:link></li>
                                                    </ul>

                                                </display:column>

                                            </display:table>


                                            <script>
                                                $(document).ready(function() {

                                                    $('table#display-tag thead').addClass('ui-widget-header');
                                                    $('table#display-tag thead tr th').addClass('ui-state-default ui-th-column');
                                                    $('table#display-tag tbody tr').addClass('sf_admin_row ui-widget-content odd');



                                                });
                                            </script>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="right">

                        <%@include file="../administrador/VMenuAdmin.jsp" %>
                    </div>
                    <div class="clearer ui-helper-clearfix"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
        <div id="footer"> <%@include file="/footer/include.jsp" %> </div>
    </body>
</html:html>